<!--
 * @Author: 噜噜雯雯 2199987619@qq.com
 * @Date: 2025-06-25 14:47:24
 * @LastEditors: 噜噜雯雯 2199987619@qq.com
 * @LastEditTime: 2025-06-26 11:13:55
 * @FilePath: \linePatrol\vue-element-plus-admin\src\views\GIS\OneMap\Level.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <ElTabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
    <ElTabPane label="设施" name="0">
      <Point />
    </ElTabPane>
    <ElTabPane label="管线" name="1">
      <Line />
    </ElTabPane>
  </ElTabs>
</template>
<script setup lang="tsx">
import { useDeptStore } from '@/store/modules/dept'
import { ElTabs, TabsPaneContext } from 'element-plus'
import { ref } from 'vue'
import Line from './components/Line.vue'
import Point from './components/Point.vue'
const DeptStore = useDeptStore()
if (DeptStore.DeptListTypeDetail.length == 0) {
  DeptStore.setFacilityTypeDetail()
}
const activeName = ref('0')
const IsShow = ref(true)
const handleClick = (tab: TabsPaneContext) => {
  if (tab.props.name) {
    IsShow.value = true
  } else {
    IsShow.value = false
  }
}
</script>
<style scoped lang="less">
:deep(.demo-tabs > .el-tabs__content) {
  padding: 32px;
  color: #6b778c;
  font-size: 32px;
  font-weight: 600;
}
:deep(.el-table--default .el-table__cell) {
  padding: 5px 0;
}
</style>
